<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>选择地址</title>
    <style>
        body {
            margin: 0;
            background-color: #eee;
            box-sizing: border-box;
        }

        .chunk {
            border: solid 1px #eee;
            background-color: white;
            display: flex;
            padding: 15px 10px;

        }

        .chunk-left {
            width: 30%;
        }

        .chunk-right {
            width: 70%;
            display: flex;
            justify-content: space-between;
            color: rgb(174, 175, 175);
        }

        .confirmBtn {
            width: 80%;
            height: 40px;
            line-height: 40px;
            background-color: yellowgreen;
            text-align: center;
            margin: 30px auto;
            color: white;
        }



        .shade {
            background-color: rgba(78, 77, 77, 0.2);
            position: fixed;
            left: 0;
            top: 0;
            width: 100vw;
            height: 100vh;
        }

        .shade-white {
            width: 100%;
            height: 60vw;
            background-color: white;
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .shade-header {
            display: flex;
            /* width: 100%; */
            justify-content: space-between;
            padding: 15px 10px;
        }
        .select{
            width:100%;
            height:100%;
            font-size:16px;
            border:0px solid #000;
        }
        .input{
            font-size:16px;
            border:0px solid #000;
            height:28px
        }
    </style>
</head>

<body>
    <div style="height:60px"></div>
    <form action="#" method="post">
    <div>
        
        <div  style="border: solid 1px #eee;background-color: white;text-align: center;height:50px;line-height:50px">
           添加成员
        </div>
        <div class="chunk" >
            <input type="hidden" value="{$user_id}" name="user_id"/>
            <div class="chunk-left">姓名</div>
            <div class="chunk-right" >
                <input type="text" placeholder="请输入姓名" class="input" required="required" name="nickname"/>
            </div>
        </div>
        <div class="chunk" >
            <div class="chunk-left">手机号码</div>
            <div class="chunk-right" >
                <input type="number" class="input" placeholder="请输入手机号" name="phone" required="required" min="10000000000" max="19999999999"/>
            </div>
        </div>
        <div class="chunk">
            <input type="submit" class="confirmBtn" value="添加"    style="margin:0 auto;"/>
        </div>
       

    </div> 
    </form>

</body>

</html>
<script src="static/index/js/jquery.js"></script>
<script>
    
  
</script>